<template>
    <view>
        <block v-for="(item, index) in message" :key="index">
            <view class="box">
                <text class="text">{{ item.title }}</text>
            </view>

            <view class="info-item">
                <text class="info-title">客服电话</text>
                <text class="info-value">40000-40000转3</text>
            </view>

            <view class="info-item">
                <text class="info-title">官方网站</text>
                <text class="info-value">www.youting.com</text>
            </view>

            <view class="info-item">
                <text class="info-title">经理电话</text>
                <text class="info-value">782177234</text>
            </view>

            <view class="info-item">
                <text class="info-title">总裁电话</text>
                <text class="info-value">1351723869</text>
            </view>

            <view class="info-item">
                <text class="info-title">投诉电话</text>
                <text class="info-value">879214088</text>
            </view>
        </block>
    </view>
</template>

<script>
	import {
		ref,
		onMounted
	} from 'vue';
	import {
		onShow,
		onLoad
	} from '@dcloudio/uni-app';
	import {
		onPullDownRefresh,
		onReachBottom
	} from "@dcloudio/uni-app";
	
export default {
    data() {
        return {
            message: [
                {
                    title: '联系我们'
                }
            ]
        };
    },
    onLoad() {},
    methods: {}
};
</script>
<style>
.info-item,
.policy-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.info-title {
    font-size: 16px;
}

.info-value {
    font-size: 16px;
    color: #888;
}
page {
    padding: 10px;
}
.box {
    display: block;
    text-align: center;
}
.text {
    font-size: 20px;
}

</style>
